<template>
  <div id="app">
		
				<Demo1 class='demo-box' />
				<Demo2 class='demo-box' />
				<Demo3 class='demo-box' />
				<Demo4 class='demo-box' />
				<Demo5 class='demo-box' />
		
  </div>
</template>

<script>
import Demo1 from './components/Demo1.vue'
import Demo2 from './components/Demo2.vue'
import Demo3 from './components/Demo3.vue'
import Demo4 from './components/Demo4.vue'
import Demo5 from './components/Demo5.vue'

export default {
  name: 'app',
  components: {
		Demo1,
		Demo2,
		Demo3,
		Demo4,
		Demo5,
  }
}
</script>

<style>
#app {
  display: flex;
	flex-wrap: wrap;
}
.demo-box{
	padding: 10px;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
	margin: 3px;
}
</style>
